<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가 
?>

<style type="text/css">
	img{border:0;}
	*{margin:0; padding:0;}
	table{border-collapse:collapse;}
	.msg_wrap{width:550px; padding:10px;}
	.mag_title{margin-bottom:10px;}
	#content1, #content2, #content3{position:relative;}
	#content{background:url('<?=$member_skin_path?>/img/memo/tabs_bar_bg.gif') repeat-x left top; margin-bottom:5px;}
	#content ul{overflow:hidden; width:550px;  background:url('<?=$member_skin_path?>/img/memo/tabs_bar_right.gif') no-repeat right top;}
	#content li{list-style:none; float:left;}
	.mag_table{border-top:3px solid #2a498c; margin-bottom:30px;}
	.mag_table th{background-color:#eeeeee; border-right:1px solid #fff; color:#2a498c; font-size:12px; padding:10px 0;}
	.mag_table td{font-size:12px; color:#555; text-align:center; padding:5px 0;}
	.msg_pagenum{font-size:11px; text-align:center; color:#888; border-bottom:1px solid #94a4c5; padding-bottom:10px;}
	.msg_pagenum a{text-decoration:none; color:#888;}
	.msg_pagenum a:hover{color:#2a498c;}
	.msg_btn{text-align:right; padding:10px 0;}
	
	.msg_count{position:absolute; left:373px; top:-32px; width:132px; height:24px; line-height:28px; padding-left:30px; background:url('<?=$member_skin_path?>/img/memo/ptext_bg.gif') no-repeat left top; font-size:11px;}
	.msg_count span{font-weight:bold;}
</style>

<form name=fmemoform method=post onsubmit="return fmemoform_submit(this);" autocomplete="off">
<div class="msg_wrap">
	<div class="mag_title">
		  <img src="<?=$member_skin_path?>/img/memo/title_message03.gif" id="t_img"/>
	</div>
	<div id="content">
		<ul>
			<li><a href="./memo.php?kind=recv" ><img src="<?=$member_skin_path?>/img/memo/tabs_me01.gif" alt="받은쪽지" /></a></li>
			<li><a href="./memo.php?kind=send" ><img src="<?=$member_skin_path?>/img/memo/tabs_me02.gif" alt="보낸쪽지" /></a></li>
			<li><a href="./memo_form.php" ><img src="<?=$member_skin_path?>/img/memo/tabs_me03_on.gif" alt="쪽지보내기" /></a></li>
		</ul>
	</div>
	<div id="content3">
		<table width="100%" class="mag_table" style="margin-bottom:10px;">
			<tr>
				<th style="padding:0;">
				<table width="100%">
					<th width="140">받는 회원ID(별명)</th>
					<th style="text-align:left; padding-left:15px;">
						<input type="text" name="me_recv_mb_id" style="border:1px solid #ccc; width:370px; height:19px;" required itemname="받는 회원아이디" value="<?=$me_recv_mb_id?>"/>
						<p style="font-size:11px; color:#2a498c; padding-top:5px;" >여러 회원에게 보낼때는 컴마(.)로 구분하세요.</p>
					</th>
				</table>
				</th>
			</tr>
			<tr>
				<th style="border-top:1px solid #fff;">
					<textarea name="me_memo" style="width:520px; height:105px; border:1px solid #ccc;" required itemname='내용'><?=$content?></textarea>
				</th>
			</tr>
		</table>
		<div style="overflow:hidden;width:550px; border-bottom:1px solid #94a4c5; padding-bottom:20px;">
			<div style="float:left; margin-right:30px;">
				<img id='kcaptcha_image' />
			</div>
			<div style="float:left;">
				<div style="padding:10px 0;"><input type="text/css" name="wr_key" itemname="자동등록방지" required style="border:1px solid #ccc; height:23px; line-height:23px; width:130px;" /></div>
				<div style="font-size:11px;color:#2a498c;">왼쪽의 글자를 입력하세요.</div>
			</div>
		</div>
		<div class="msg_btn" style="text-align:center;">
		    <input id=btn_submit type=image src="<?=$member_skin_path?>/img/memo/btn_send.gif" alt="보내기" border=0>&nbsp;&nbsp;
        	<a href="javascript:window.close();"><img src="<?=$member_skin_path?>/img/memo/btn_close.gif" alt="창닫기" border="0"></a>
		</div>
	</div>
</div>
</form>


<script type="text/javascript" src="<?=$g4[path]?>/js/md5.js"></script>
<script type="text/javascript" src="<?="$g4[path]/js/jquery.kcaptcha.js"?>"></script>
<script type="text/javascript">
with (document.fmemoform) {
    if (me_recv_mb_id.value == "")
        me_recv_mb_id.focus();
    else
        me_memo.focus();
}

function fmemoform_submit(f)
{
    if (!check_kcaptcha(f.wr_key)) {
        return false;
    }

    document.getElementById("btn_submit").disabled = true;

    f.action = "./memo_form_update.php";
    return true;
}

</script>
